<template>
  <view class="center">
	 <view class="center_img">
	  	<image src="./assets/tu.png" mode="widthFix"></image>
		<view class="a"></view>
		<view class="b"></view>
		<view class="c"></view>
	  </view>
	  
  </view>
</template>
<script>
export default {
  data() {
    return {
      
    };
  },
  
};
</script>
<style>
	.center{
		margin: 0 auto ;
		width: 700rpx;
		height: 800rpx;
		overflow-x: hidden;
		/* background-color: #3C9CFF; */
	}
	.center_img{
		
		border: red solid 1px;
		/* background-color: green; */
		width: 699rpx;
		position: relative;
		

	}
	.center_img image{
		/* margin: 0 auto; */
		border: #000000 solid 1px;
		width: 698rpx;
		display: flex;
	}
	.a{
		height: 50rpx;
		width: 50rpx;
		background-color: red;
		position: absolute;
		top: 5.5%;
		left: 40.8%;
	}
	.b{
		height: 50rpx;
		width: 50rpx;
		background-color: green;
		position: absolute;
		top: 17%;
		left: 15%;
	}
</style>